<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>赌圣</title>
    <script src="../utils/flexible.js"></script>
    <link rel="stylesheet" href="../css/index.css">
</head>
<style>

</style>
<!-- //使用rem 来进行适配 -->

<body>
    <header id="header">
        <div class="fl logo">
            <a href="">
                <img src="../images/header_logo.png" alt="">
            </a>
        </div>
        <div class="app fr">
            <a href="">
                <img src="../images/header_app.png" alt="">
            </a>
        </div>
    </header>
    <!-- 搜索 -->
    <section id="search">
        <div class="searchbox">
            <input type="text" name="" placeholder="请输入你想比价的产品">
        </div>
        <div class="button">
            <button></button>
        </div>
    </section>
    <!-- 菜单 -->
    <nav id="nav">
        <div class="container">
            <div class="row" id="info">

                <ul class="menu">
                    <li>
                        <img src="../images/ic_search.png" alt="比价搜索">
                        <p>比价搜索</p>
                    </li>
                    <li>
                        <img src="../images/ic_cu.png" alt="省钱控">
                        <p>省钱控</p>
                    </li>
                    <li>
                        <img src="../images/ic_coudanpin.png" alt="国内折扣">
                        <p>国内折扣</p>
                    </li>
                    <li>
                        <img src="../images/ic_bcj.png" alt="白菜价">
                        <p>白菜价</p>
                    </li>
                    <li>
                        <img src="../images/haitao.png" alt="海淘折扣">
                        <p>海淘折扣</p>
                    </li>
                    <li>
                        <img src="../images/ic_temai.png" alt="优惠券">
                        <p>优惠券</p>
                    </li>
                    <li>
                        <img src="../images/ic_trend.png" alt="查历史价">
                        <p>查历史价</p>
                    </li>
                    <li class="mab">
                        <img src="../images/gengduo.png" alt="更多">
                        <p>更多</p>
                    </li>
                    <li class="active">
                        <img src="../images/ic_coudanpin.png" alt="凑单品">
                        <p>凑单品</p>
                    </li>
                    <li class="active">
                        <img src="../images/ic_kb.png" alt="口碑排行">
                        <p>口碑排行</p>
                    </li>
                    <li class="active">
                        <img src="../images/ic_mall.png" alt="商城导航">
                        <p>商城导航</p>
                    </li>
                    <li class="active">
                        <img src="../images/ic_pp.png" alt="品牌大全">
                        <p>品牌大全</p>
                    </li>
                </ul>

            </div>
        </div>
    </nav>
    <!--折扣推荐-->
    <section id="discount">
        <span class="fl">超值折扣推荐</span>
        <p>></p>
    </section>
    <!--商品-->
    <section id="product">
        <ul class="info">

        </ul>
    </section>
    <!--底部-->
    <section id="footer">
        <div class="more">
            <a href="">
                更多优惠信息>>
            </a>
        </div>
        <div class="chart clearfix">
            <span class="chart_in fl">品牌排行</span>
            <span class="more fr">
            </span>
        </div>
        <div class="login">
            <div class="container">
                <div class="row">
                    <a href="">
                        <div class="col-xs-3">登入</div>
                    </a>
                    <a href="">
                        <div class="col-xs-4">注册</div>
                    </a>
                    <a href="">
                        <div class="col-xs-5">返回顶部</div>
                    </a>
                    <span></span>
                </div>
            </div>
            <div class="content_b">
                <p>
                    <a href="#">
                        手机APP下载
                    </a>
                    <a href="#">
                        万锋智慧商城手机版
                    </a> -- 掌上比价平台
                </p>
                <p>chst.vip:8081/crm </p>
            </div>
        </div>
    </section>
</body>

</html>

<script src='https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js'></script>
<script src="../utils/project.js"></script>